<template>
  <div class="">
    Vue3
    <p>
      {{ count }}
      <button @click="count++">+1</button>
    </p>
  </div>
</template>

<script setup>
import { ref, onMounted, onUpdated } from 'vue'
const count = ref(100)

console.log('---beforeCreate---')
console.log('---created---')
const getData = () => {
  console.log('---getData---发请求')
}

getData()

onMounted(() => {
  console.log('---onMounted---,发请求')
})

onUpdated(() => {
  console.log('---onUpdated---')
})
</script>

<style scoped></style>
